<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:wicket="http://wicket.apache.org/">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>WiQuery application</title>
	</head>
	
	<body>
		<!-- h1>Welcome to your WiQuery app</h1-->
		<center style="padding: 15px;">
			<h2>wiQuery Examples</h2>
			<hr />
			
			<div style="text-align: left;">
				<table style="height: 100%; width: 100%;">
					<thead>
						<tr>
							<th style="text-align: center;">Core functionalities</th>
							<th style="text-align: center;">Components</th>
							<th style="text-align: center;">Behaviors</th>
						</tr>
					</thead>
					
					<tbody>
						<tr>
							<td style="width: 33%;">
								<ul>
									<li><a href="#" wicket:id="themeRollerLink">Theme Roller</a></li>
									<li><a href="#" wicket:id="themeDecoratorLink">Theme Decorator</a></li>
									<li><a href="#" wicket:id="javascriptLink">Javascript binding</a></li>
								</ul>
							</td>
							
							<td style="border-right: 1px black solid; border-left: 1px black solid;">
								<ul>
									<li><a href="#" wicket:id="accordionLink">Accordion</a></li>
									<li><a href="#" wicket:id="datePickerLink">DatePicker</a></li>
									<li><a href="#" wicket:id="dialogLink">Dialog</a></li>
									<li><a href="#" wicket:id="progressBarLink">ProgressBar</a></li>
									<li><a href="#" wicket:id="sliderLink">Slider</a></li>
									<li><a href="#" wicket:id="tabsLink">Tabs</a></li>
								</ul>
							</td>
							
							<td style="width: 33%;">
								<ul>
									<li><a href="#" wicket:id="draggableLink">Draggable</a></li>
									<li><a href="#" wicket:id="droppableLink">Droppable</a></li>
									<li><a href="#" wicket:id="resizableLink">Resizable</a></li>
									<li><a href="#" wicket:id="selectableLink">Selectable</a></li>
									<li><a href="#" wicket:id="sortableLink">Sortable</a></li>
								</ul>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			
			<hr />
		</center>	
	</body>
</html>
